<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.prime.com.tr/ui" template="/layout/principal.xhtml">

    <ui:define name="content">

        <h1 class="title ui-widget-header ui-corner-all">
            <h:outputText value="Crear Nuevo Break" />
        </h1>

        <h:form>
            <p:growl id="growl" showDetail="true" life="3000" />

            <p:panel id="pnl" header="Filtro" toggleable="true">
                <h:panelGrid columns="2">
                    <h:outputText value="Campañas en estado:" />
                    <h:selectOneMenu id="camp_estado" value="#{campaign.estado}">
                        <f:selectItem itemLabel="Todos" itemValue="" />
                        <f:selectItem itemLabel="Activa" itemValue="A" />
                        <f:selectItem itemLabel="Inactiva" itemValue="I" />
                        <f:selectItem itemLabel="Terminada" itemValue="T" />
                    </h:selectOneMenu>
                </h:panelGrid>

                <h:panelGrid columns="4">
                    <h:outputText value="Con Seleccion: " />
                    <p:commandButton value="Activar" process="@this, camp_estado" action="#{campaign.activar}" />
                    <p:commandButton value="DesActivar" process="@this, camp_estado" action="#{campaign.desactivar}" />
                    <p:commandButton value="Eliminar" process="@this, camp_estado" action="#{campaign.eliminar}" />
                </h:panelGrid>
            </p:panel>

            <p:dataTable var="c" value="#{campaign.listCampaign}">
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Nombre" />
                    </f:facet>
                    <h:outputText value="#{c.nombre}" />
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Rango de Fechas" />
                    </f:facet>
                    <h:outputText value="#{c.fchInicio}" />
                    <h:outputText value=" - " />
                    <h:outputText value="#{c.fchFinal}" />
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Horario Diario" />
                    </f:facet>
                    <h:outputText value="#{c.horaInicio}" />
                    <h:outputText value=" - " />
                    <h:outputText value="#{c.horaFinal}" />
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Intentos" />
                    </f:facet>
                    <h:outputText value="#{c.intentos}" />
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Troncal" />
                    </f:facet>
                    <h:outputText value="#{c.troncal}" />
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Cola" />
                    </f:facet>
                    <h:outputText value="#{c.cola}" />
                </p:column>


                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Llamadas Completadas" />
                    </f:facet>
                    <h:outputText value="#{c.completado}" />
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Promedio" />
                    </f:facet>
                    <h:outputText value="#{c.promedio}" />
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Estado" />
                    </f:facet>
                    <h:outputText value="#{c.estado}" />
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Opciones" />
                    </f:facet>
                    <h:outputText value="editar" />
                </p:column>
            </p:dataTable>
        </h:form>
    </ui:define>
</ui:composition>